<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>视频播放页</title>
</head>

<body class="dpflex clum">

    <!-- 上面视频盒子 -->
    <div class="video flex1">
        <i class="iconfont icon-icon_arrow_left" id="fanHui"></i>
        <video autoplay controls src="http://139.9.177.51:8099/f/course/part1.mp4"></video>
        <p class="title"> 
            <span class="numOne">1</span>/
            <span class="numTwo">5</span></p>
        <p class="msg">胯关节环绕</p>
    </div>

    <!-- 底部控制台按钮 -->
    <div class="footer dpflex jastaround">
        <i class="iconfont icon-Prev" id="back"></i>
        <i class="bofang iconfont icon-ai07" id="stop"></i>
        <i class="iconfont icon-Next" id="next"></i>
    </div>

    
    <!-- 蒙层 -->
    <div class="mantle none">
        <p class="mantleTitle">啦啦啦啦啦啦哩哩啦啦啦啦啦</p>

        <!-- 开始播放按钮 -->
        <div class="start">继续播放</div>
        <div class="out">结束播放</div>
        <!-- 蒙层里面 图片 -->
        <div class="mantleImg">
            <img src="./img/banner1.jpg" alt="">
            <!-- <p class="imgText">啦啦啦啦啦</p> -->
        </div>
    </div>


</body>

</html>